.container {
  margin-top: 16px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: $fontSize;

  .tip {
    width: 100%;
    margin-bottom: 16px;
    color: red;
    white-space: break-spaces;
    font-size: $minFontSize;
  }
  .imageWrap {
    margin-bottom: $padding;
    display: flex;
    flex-wrap: wrap;
    gap: $padding $padding;
    width: 100%;
    .imagWrap {
      width: 160px;
      height: 160px;
      vertical-align: middle;
      margin-right: 16px;
      position: relative;
      .close {
        position: absolute;
        top: 0;
        right: 0;
        transform: translate(50%, -50%);
      }
      .image {
        display: inline-block;
        width: 160px;
        height: 160px;
      }
    }

    .uploader {
      width: 160px;
      height: 160px;
      background: #f5f5f5;
      display: inline-flex;
      vertical-align: middle;
      align-items: center;
      justify-content: center;
      margin-right: 16px;
      .icon {
        font-size: 40px;
        color: #999999;
      }
    }
  }
  .example {
    width: 100%;
    color: $primary-color;
    margin-bottom: 16px;
  }
  .remaksWrap {
    width: 100%;
    flex: 1;
    color: #999;
    vertical-align: middle;
    margin-bottom: 16px;
  }
  .fileWrap {
    width: 100%;
    .uploader {
      display: flex;
      background: #f8f8f8;
      border-radius: 8px;
      width: 100%;
      align-items: center;
      padding: 40px;
      justify-content: center;
      color: #666;
      gap: 24px;
      .icon {
        width: 81.574px;
        height: 56px;
      }
    }
    .fileListItem {
      border-radius: 8px;
      background: #f8f8f8;
      padding: 24px;
      display: flex;
      align-items: center;
      gap: $padding;
      margin-bottom: $padding;
      .left {
        flex: 1;
        display: flex;
        overflow: hidden;
        align-items: center;
        gap: $padding;
        .icon {
          width: 64px;
          height: 64px;
        }
        .fileName {
          flex: 1;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
      }
      .right {
        color: $primary-color;
        .btn {
          margin-right: 8px;
          text-decoration: underline;
          &:last-child {
            margin-right: 0;
          }
        }
      }
    }
  }
}
